<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.13/lib/theme-chalk/index.min.css"/>
    <script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.13/lib/index.min.js"></script>
</head>
<body>
<div id="app">
    <h3 style="text-align: center;">商品</h3>
    <el-container>
        <el-header>虎虎生威</el-header>
        <el-container>
            <el-aside width="900px">图片

                <el-image :src="orders.pimgs" style="width: 300px;height: 300px"></el-image>

            </el-aside>
            <el-container>
                <el-main>聊天室</el-main>
                <el-footer>加价区</el-footer>
            </el-container>
        </el-container>
    </el-container>
    </el-table>
</div>
<script>
    var app = new Vue({
        el: "#app",
        data: {
            orders: [{
                pname: '九龙杯',
                pimgs: "http://192.168.201.121:10002/imgs/5325219a7de3d660102e5f6be57fd6a5.jpg",
                price: '2000',
                state: 1
            }],
            //
        },
        methods: {
            //
        }
    });
</script>

</body>
</html>